.modal{
	display: none;
	position: fixed;
	_position: absolute;
	width: 600px;
	left:50%;
	margin-left: -300px;
	z-index: 2050;
	border: 1px solid #666;
	background: white;
	.close{
		position: absolute;
		width: 40px;
		height: 40px;
		right: -41px;
		top: -1px;
		background: url(./../img/collection.png) 0 -21px no-repeat;
	}
}
.red .modal{
	border: none;
	.close{
		width: 30px;
		height: 28px;
		top: 5px;
		right: 5px;
		background: url(./../img/red/collection.png) 0 -21px no-repeat;
	}
}
.modal-hd{
	height: 36px;
	border: 1px solid #3B81C7;
	h2{
		padding-left: 10px;
		background: url(./../img/modal-title-bg.png);
		color: white;
		font:{
			weight: bold;
			size: 14px;
			family: simsun;
		}
		line-height: 36px;
	}
}
.red .modal-hd{
	border: 1px solid #a10408;
	h2{
		background:#a10408;
	}
}
.modal-bd{
	overflow-x:hidden;
	overflow-y:auto;  
}
.red .modal-bd{
	border-left: 2px solid #d2412b;
	border-right: 2px solid #d2412b;
	border-bottom: 2px solid #d2412b;
}
.modal-ft{
	padding: 20px 2px 30px;
	border-top: 1px dashed #CCC;
	text-align: center;
}
.red .modal-ft{
}
.modal-backdrop {
	position: fixed;
	_position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .7;
	filter: alpha(opacity=70);
	zoom:1;
}